body {margin: 0; 
padding: 0;
font-family: Arial, sans-serif
}

#wrapper { width: 458px;
height: 475px;
position: relative;
margin-top: 5px;
margin-left: 5px;
border: 1px solid black
}

#header { position: relative;
margin-top: 5px;
margin-left: 5px
}

#header  .logo { position: relative;
margin-top: 5px;
margin-left: 8px
}

#header p { font-weight: bold;
position: absolute;
top: -14px;
left: 30px
}

#header .btns   {
}

#header .btns  #min { position: relative;
margin-top: -24px;
margin-left: 332px
}

#header .btns  #rest { position: relative;
margin-top: -27px;
margin-left: 364px
}

#header .btns  #close { position:relative;
margin-top: -28px;
margin-left: 393px
}

fieldset { width: 415px;
height: 30px;
margin-left: 8px;
margin-right: 8px
}

/* Main Navigation */
#nav { 
height: 20px;
text-align: left;
position: relative;
margin-left: 0px;
margin-top: -5px;
padding: 0px
}

ul#navigation { 
position: relative;
margin-left: -50px;
margin-top: 2px;
float: left
}

ul#navigation li { 
display: inline;
font-size: 12px;
font-weight: bold;
float: left;
position: relative;
margin: 0px;
padding: 0px;
border-top: 1px solid #c4dbe7;
border-bottom: 2px solid #c4dbe7
}

ul#navigation li  img  
{ position: absolute;
top: 2px;
left: 0px;
background: green
}

ul#navigation li a {
padding: 10px 20px 10px 5px;
color: #616161;
text-decoration: none;
display: inline-block;
border-top: 1px solid #fff;
background: #f5f5f5; 
}

ul#navigation li a:first-letter { text-decoration: underline
}

ul#navigation li a:hover { background:#f8f8f8;
color: #282828 }

ul#navigation li a.active { border-left: 0 none } 

ul#navigation li a.last { border-right: 0 none }

ul#navigation li:hover > a { background: #fff }  

ul#navigation li:hover > ul { 
visibility: visible; opacity: 1 }

ul#navigation li ul  .active
{ background: #F0F8FF
}

ul#navigation ul, ul#navigation ul li ul { list-style: none;
margin: 0; padding: 0;
visibility: hidden; opacity: 0;
position: absolute;
z-index: 99999; 
width: 180px;
background: #f8f8f8;
box-shadow: 1px 1px 3px #ccc 
}

ul#navigation ul { top: 43px;
left: 1px } 

ul#navigation ul li ul { top: 0;
left: 181px; /* strong related to width:180px; from above */
width: 200px
}

ul#navigation ul li ul .active
{background: #F0F8FF
}

ul#navigation ul li { clear: both;
width: 100%;
border: 0 none;
border-bottom: 1px solid #c9c9c9
}

ul#navigation ul li a { background: none; 
padding: 7px 10px 7px 42px; 
color: #616161; 
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
display: inline-block; 
border: 0 none;
float: left;
clear: both;
width: 150px
}  

#linb { position: absolute;
top: 80px;
left: 8px
}

#rinb { position: absolute;
top: 80px;
left: 437px
}


#bib { position: absolute;
top: 450px;
left: 22px
}

.text  { width: 409px;
height: 48px;
text-align: right;
line-height: 44px;
font-weight: bold;
position: relative;
margin-top: 5px;
margin-left: 24px;
border: 1px solid gray
}

.numblock { width: 409px; 
font-size: 12px;
position: relative;
margin-top: 7px;
margin-left: 24px;
border: 1px solid darkgray
}

#frow  p { width: 410px; 
font-size: 12px;
font-weight: bold;
color: darkblue;
position: relative;
margin-top: 8px;
margin-left: 0px
}

#srow  p { width: 410px; 
font-size: 12px;
font-weight: bold;
color: darkgray;
position: absolute;
top: 9px;
left: 1px
}

#trow  p{ width: 410px; 
font-size: 12px;
font-weight: bold;
color: darkblue;
position: relative;
margin-top: 9px;
margin-left: 0px
}

#forow  p { width: 410px; 
font-size: 12px;
font-weight: bold;
color: darkgray;
position: absolute;
top: 34px;
left: 1px
}

/*.rb1 { 
}*/

#hex { position: relative;
margin-top: 5px;
margin-left: 25px
}

#dec { position: relative;
margin-top: -4px;
margin-left: 25px
}

#oct { position: relative;
margin-top: -4px;
margin-left: 25px
}

#bin  { position: relative;
margin-top: -4px;
margin-left: 25px
}

/*.rb2 {
}*/

#qword { position: relative;
margin-top: 1px;
margin-left: 25px
}
 
#dword { position: relative;
margin-top: -4px;
margin-left: 25px
}

#word { position: relative;
margin-top: -4px;
margin-left: 25px
}

#byte { position: relative;
margin-top: -5px;
margin-left: 25px
}

table { position: absolute;
top: 211px;
left: 105px;
border-collapse:collapse;
border-spacing: 1px
}

table  tr2, #hover_img:hover { background: blue
}